<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<!-- uc强制bai竖屏 -->
	<meta name="screen-orientation" content="portrait">
	<!-- QQ强制竖屏 -->
	<meta name="x5-orientation" content="portrait">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<meta name="format-detection" content="telephone=yes" />
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
	<meta name="description" content="前嗅示例" />
	<meta name="keyword" content="前嗅示例" />
	<link href="/images/logo/favicon.ico" rel="shortcut icon" type="image/x-icon">
	<!-- icon -->
	<!-- [if lt IE 9]> -->
	<script src="/js/html5shiv.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- [endif] -->
	<link rel="stylesheet" href="/css/style.css">
	<link rel="stylesheet" href="/css/index.css">
	<title>前嗅示例</title>
</head>

<body>
	<div class="wrap">
		<main class="wrap-main">
			<!-- <header>头部</header> -->
			<div class="content-warp10">
				<nav>
					<ul class="nav-main">
						<li class="nav-item active">场景一：采集商品信息</li>
						<li class="nav-item">场景二:采集商品详情信息及评论</li>
						<li class="nav-item">场景三:采集买家信息</li>
						<li class="nav-item">场景四:采集卖家信息</li>
					</ul>
				</nav>
				<section class="tab-main">
					<div class="tab-item-box" style="display: block;">
						<h2>通过关键词搜索获取商品列表</h2>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/1/sousuo1.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>01</b>判断是否需要关键词搜索</h4>
								<p>
									关键词即为在网站中搜索的搜索词。如果需要通过关键词搜索，则需由用户准备好关键词，如关键词为“连衣裙”，通过ForeSpider的关键词采集功能，采集相关商品信息，如图所示：
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/1/1_1_2.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>02</b>判断是否需要登录</h4>
								<p>
									在采集电商网站的过程中，需要登录，否则无法看见信息
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/1/1_1_3.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>03</b>配置流程</h4>
								<p>
									第一步：在软件里面配置好关键词及登陆采集商品信息，配置关键词及登陆均需要写脚本。下图为采集到的关键词为“连衣裙”链接。
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/1/1_1_4.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>03</b>配置流程</h4>
								<p>
									第二步：由于采集列表页需要翻页，所以需要设置抽取翻页链接，翻页链接的抽取也需要脚本实现。翻页链接如下图所示：
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/1/1_1_5.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>03</b>配置流程</h4>
								<p>
									第三步：链接获取到之后需要获取数据：
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/1/1_1_5.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>04</b>可以获取到列表页的信息</h4>
								<p>
									可以获取到的数据字段为图中圈起来的字段
								</p>
							</dd>
						</dl>
						<h2>通过行业分类获取商品列表</h2>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/2/1_2_1.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>01</b>判断是否需要登录</h4>
								<p>
									在采集电商网站的过程中，需要登录，否则无法看见信息
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/2/1_2_3.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>02</b>配置流程</h4>
								<p>
									通过行业列表点击二级分类，进入列表页采集相关商品信息。
								<p>
									第一步：通过分类进入，需要先抽取分类链接，如下图所示。
								</p>
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/2/1_2_4.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>02</b>配置流程</h4>
								<p>
									第二步：由于采集列表页需要翻页，所以需要设置抽取翻页链接，
									翻页链接的抽取也需要脚本实现。翻页链接如下图所示：
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/2/1_2_5.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>02</b>配置流程</h4>
								<p>
									第三步：链接获取到之后需要获取数据：
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene1/2/yifu.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>03</b>可以获取到列表页的信息</h4>
								<p>
									可以获取到的数据字段为图中圈起来的字段，一级、二级分类名也可以获取。
								</p>
							</dd>
						</dl>
					</div>
					<div class="tab-item-box">
						<dl class="clearfix dl">
							<dd class="dd">
								<h4><b>01</b>采集注意事项</h4>
								<p>
									采集电商网站的评论信息时，由于电商网站的防爬 机制，仅可以通过列表页采集商品详情，不可通过店铺采集。
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dd class="dd">
								<h4><b>02</b>配置流程</h4>
								<p>
									第一步：同样需要先进行登录，然后通过行业列表或关键词进入商品列表页如场景一所示。<br />
									第二步：进行场景一的操作之后，可以通过抽取列表页标题链接进入详情页采集数据，此时需要比场景一多建立一个链接抽取的模板。
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene2/2_1_1.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>03</b>可以获取到详情页的信息及评论信息</h4>
								<p>
									商品详情页可以采集到的数据如下：
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene2/2_1_2.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>03</b>可以获取到详情页的信息及评论信息</h4>
								<p>
									评论信息如下：
								</p>
							</dd>
						</dl>
					</div>
					<div class="tab-item-box">
						<dl class="clearfix dl">
							<dt class="fr dt">
								<img src="/images/scene3/3_1_1.png" alt="判断是否需要登录">
							</dt>
							<dd class="dd">
								<h4><b>01</b>可以获取评论中的买家信息如图所示</h4>
								<p>
									通过评论采集买家信息，可采集到的数据包括：买家等级、 头像 、评论内容、评论时间、买家id（打码部分无法采集）、具体注册信息无法采集。如下图所示： 机制，仅可以通过列表页采集商品详情，不可通过店铺采集。
								</p>
							</dd>
						</dl>
					</div>
					<div class="tab-item-box">
						<dl class="clearfix dl">
							<dd class="dd">
								<h4>采集卖家电话</h4>
								<p>
									卖家电话一般只有在电商APP上才可以看见，采集难度较大，如需采集，请联系客服
								</p>
							</dd>
						</dl>
						<dl class="clearfix dl">
							<dd class="dd">
								<h4>采集营业执照</h4>
								<p>
									采集营业执照，采集难度较大，如需采集，请联系客服
								</p>
							</dd>
						</dl>
					</div>
				</section>
				<!-- 遮罩 -->
				<div class="mark">
					<div class="mark-main">
						<button class="close">&times;</button>
						<div class="mark-content">
							<img src="/images/scene1/1/sousuo1.png" alt="判断是否需要登录">
						</div>
					</div>
				</div>
				<!-- 遮罩 -->
			</div>
			<!-- <footer>底部</footer> -->
		</main>
	</div>
</body>
<script src="/js/jquery-3.4.1.min.js"></script>
<script>
	$(document).on('click', '.nav-item', function () {
		$(this).addClass('active').siblings().removeClass('active');
		let thisIndex = $(this).index();
		$('.tab-item-box').eq(thisIndex).show(200).siblings('.tab-item-box').hide(200);
	})
	$(document).on('click', '.close', function () {
		$('.mark').slideUp(100);
	})
	$(document).on('click', 'img', function () {
		let picSrc = $(this).attr('src');
		let picAlt = $(this).attr('alt');
		$('.mark-content img').attr('src', picSrc);
		$('.mark-content img').attr('alt', picAlt);
		$('.mark').slideDown(200);
	})
	// record re;
	// re.id = MD5(URL.urlname);//给主键字段生成唯一标识
	// re.tit = obj.name; //标题名称
	// re.addr = obj.address; //店铺地址
	// re.tel = obj.phone; //店铺电话
	// RESULT.AddRec(re, TMPL.fstdoc.schemaid); //将所有的字段放入结果集
</script>

</html>